<template>
   <div class="header">
      <Hlogo />
      <Htitle v-if="head.toggle" :title="head.title" :cStyle="head.style" />
      <Htab v-else/>
   </div>
</template>

<script>
import Hlogo from './h_logo'
import Htab from './h_tab'
import Htitle from './h_title'
import { mapGetters } from 'vuex'
export default {
   data () {
     return {
        
     }
   },
   computed: {
      ...mapGetters(['head'])
   },
   components: {
      Hlogo,
      Htab,
      Htitle
   }
}
</script>
<style lang="scss" scoped>
.header{
   position : fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   background: #fff;
}
</style>


